﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>TypeScript HTML App</title>
    <script src="assets/js/jquery.min.js" ></script>
    <script src="class/auto_include.js"></script>
    <style>
        canvas{background-image : url(assets/img/background/stage_background.jpg); }
    </style>
</head>
<body onload="init();">
    <h1></h1>
    <canvas id="demoCanvas" width="500" height="300" style="border: 1px black solid;">
        alternate content
    </canvas>
    <div id="label"></div>
    <div>
        <input type="button" onclick="player.changeOrientation(Player.MOVE_LEFT)" value="Dpl. Gauche" />
        <input type="button" onclick="player.changeOrientation(Player.MOVE_RIGHT)" value="Dpl. Droite" />
    </div>
    <div>
        <input type="button" onclick="player.standAnimation()" value="Stop" />
        <input type="button" onclick="player.walkAnimation()" value="Marcher" />
        <input type="button" onclick="player.runAnimation()" value="Courir" />
    </div>
    <div>
        <input type="button" onclick="player.jump()" value="Sauter" />
    </div>
    <div>
        <input type="button" onclick="init()" value="Reset Stage" />
    </div>
    <br /><br />
    <div id="command">
        Dpl Gauche <input type="text" value="Q" id="gauche" maxlength="1" style="width:50px" disabled/><br />
        Dpl Droite <input type="text" value="D" id="droite" maxlength="1" style="width:50px" disabled/><br />
        Saut <input type="text" value="Space" id="saut" maxlength="1" style="width:50px" disabled/><br />
        Courir <input type="text" value="Maj" id="courir" maxlength="1" style="width:50px" disabled/><br />
    </div>
</body>

</html>